import Vue from "vue";
import App from "./App.vue";
import router from "@/router";
import axios from "axios";
import VueAxios from "vue-axios";
import Carsousel from "@/components/Carousel";
import OrderHeader from "@/components/OrderHeader";
import Modal from "@/components/Modal";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import BarService from "@/components/barservice";
import Loading from "@/components/Loading";
import qrcode from "@/components/ScanPayCode.vue";
import NoData from "@/components/NoData.vue";
import rightFixed from "@/components/rightFixed"
import atm from "../public/imgs/loading-svg/loading-bars.svg";
import store from "@/store";
import "@/assets/scss/reset.scss";
import 'element-ui/lib/theme-chalk/index.css'
import { Message,Pagination,Button } from "element-ui";
import "@/assets/scss/base.scss";
import "@/assets/scss/button.scss";
Vue.use(Pagination)
Vue.use(Button)
//引入swiper样式
import "swiper/dist/css/swiper.css";
import "@/mock/mockServe";

//引入插件
import VueLazyload from "vue-lazyload";
import VueCookie from "vue-cookie";
Vue.use(VueCookie);
//注册插件
Vue.use(VueLazyload, {
  //懒加载默认的图片
  loading: atm,
});
//全局组件：第一个参数 组件名字  第二个参数：那个组件
Vue.prototype.$message = Message;

Vue.component(Carsousel.name, Carsousel);
Vue.component(Modal.name, Modal);
Vue.component(Header.name, Header);
Vue.component(Footer.name, Footer);
Vue.component(BarService.name, BarService);
Vue.component(OrderHeader.name, OrderHeader);
Vue.component(Loading.name, Loading);
Vue.component(qrcode.name, qrcode);
Vue.component(NoData.name, NoData);
Vue.use(VueAxios, axios);
Vue.component(rightFixed.name, rightFixed);
//引入swiper样式

Vue.config.productionTip = false;

new Vue({
  render: (h) => h(App),
  router,
  store,
}).$mount("#app");
